<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--1.style标签与外部文件style.css样式重复-->
<link rel="stylesheet" href="style.css">
<style>
    .p1{color: green}
</style>

<p class="p1" >p1 颜色是绿色，优先使用靠的最后出现的</p>

<!--2.style标签上的与style属性冲突-->
<style>
    .p3{color: yellow}
</style>

<p class="p3" style="color: red">p1 颜色是红色，优先使用style属性</p>

<!--3.!important-->
<style>
    .p4{color: yellow !important}
</style>

<p class="p4" style="color: red">p1 颜色是黄色，优先使用!important样式</p>
</body>
</html>